<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta author="Suzuki">
    <meta keyword="html,CSS">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="CSS_study.css">
</head>

<body>

    <h1 class="foremost_title">一起开始学习CSS吧！！</h1>
    <hr/>
    <br/>


    <!--链接样式-->
    <a class="decoration_a" href="http://wwww.baidu.com" target="_blank">链接样式</a>

    <br/><br/>


    <!--列表样式-->
    <ul class="list">
        <li>Chine</li>
        <li>Japan</li>

    </ul>

    <br/><br/>


    <!--导航栏-->
    <div class="bar">
        <ul class="bar">
            <li><a href="#home" class="active" target="_blank">主页</a></li>
            <li><a href="#media" target="_blank">新媒体运营部</a></li>
            <li><a href="#maker_service" target="_blank">创客服务部</a></li>
            <li><a href="#vip_service" target="_blank">会员服务部</a></li>
            <li><a href="#office" target="_blank">综合办公室</a></li>
            <li><a href="#contect" target="_blank">联系我们</a></li>
        </ul>
    </div>

    <br/><br/><br/>



    <!--下拉菜单-->
    <div class="drop_bar">
        <ul class="drop_bar">
            <li><a href="#home" class="active" target="_blank">主页</a></li>
            <div class="drop_down">
                <a id="drop_menu" href="#introduce" target="_blank">部门介绍</a>
                <div class="drop_content">
                    <a href="#media" target="_blank">新媒体运营部</a>
                    <a href="#maker_service" target="_blank">创客服务部</a>
                    <a href="#vip_service" target="_blank">会员服务部</a>
                    <a href="#office" target="_blank">综合办公室</a>
                </div>
            </div>
            <li><a href="#contect" target="_blank">联系我们</a></li>
        </ul>
    </div>



    <br/><br/><br/><br/>
    <br/><br/><br/><br/>
    <br/><br/><br/><br/>

    <!--按钮-->
    <button type="button" class="button_color">按钮</button>

    <br/><br/><br/><br/>

    <button type="button" class="button_shadow">按钮</button>

    <br/><br/>









    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->

</body>

</html>